<html>
  <head>
     <script type="text/javascript" src="../dojo1.7/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
     <script>
     dojo.require("dojox.gauges.AnalogGauge");
     dojo.require("dojox.gauges.AnalogArcIndicator");
     dojo.require("dojox.gauges.AnalogNeedleIndicator");

     dojo.ready(function(){
         var gauge = dijit.byId('speedo');
         // Used for a gradient arc indicator below:
         var fill = {
           'type': 'linear',
           'x1': 50,
           'y1': 50,
           'x2': 350,
           'y2': 350,
           'colors': [{offset: 0, color: 'black'}, {offset: 0.5, color: 'black'}, {offset: 0.75, color: 'yellow'}, {offset: 1, color: 'red'}]
         };
         gauge.addIndicator(new dojox.gauges.AnalogArcIndicator({
           'value': 200,
           'width': 20,
           'offset': 150,
           'color': fill,
           'noChange': true,
           'hideValues': true
         }));
         gauge.addIndicator(new dojox.gauges.AnalogArcIndicator({
           'value': 80,
           'width': 10,
           'offset': 150,
           'color': 'blue',
           'title': 'Arc',
           'hover': 'Arc: 80'
         }));
         gauge.addIndicator(new dojox.gauges.AnalogNeedleIndicator({
           'value': 100,
           'width': 8,
           'length': 150,
           'color': 'red',
           'title': 'Needle',
           'hover': 'Needle: 100'
         }));
     });
     </script>
  </head>
  <body>
    <div data-dojo-type="dojox.gauges.AnalogGauge"
  id='speedo'
  width="450"
  height="300"
  cx="225"
  cy="175"
  radius="150"
  startAngle="-135"
  endAngle="135"
  useRangeStyles="0"
  hideValues="true"
  color: "white"
  majorTicks="{length: 10, offset: 105, interval: 10, color: 'gray'}"
  minorTicks="{length: 5, offset: 105, interval: 5, color: 'gray'}">
  <div data-dojo-type="dojox.gauges.Range"
    low="0"
    high="100"
    color="{'color': 'black'}">
  </div>
  <div data-dojo-type="dojox.gauges.Range"
    low="100"
    high="200"
    color="{'color': 'black'}">
  </div>
</div>
  </body>
</html>